/**
* @author: zhazhjie
* @email: zhazhjie@vip.qq.com
* @date: 2018-11-06 14:25:04
* @version: 1.0
*/

<template>
  <section class="home-page">
    <div class="main">
      <p class="title">安装</p>
      <p>在项目中执行以下命令：</p>
      <f-code lang="config">{{ install }}</f-code>
      <p class="title">引入</p>
      <p>在 main.js 中写入以下内容：</p>
      <f-code>{{ code }}</f-code>
      <p class="title">配置</p>
      <f-code>{{ config }}</f-code>
      <p class="title">编译</p>
      <f-code>{{ transpile }}</f-code>
    </div>
  </section>
</template>

<script>

import FCode from "./code.vue";
import {code, config, install, transpile} from "./code.js";

export default {
  data() {
    return {
      install: install,
      code: code,
      config: config,
      transpile: transpile
    }
  },
  components: {
    FCode
  },
  methods: {},
  mounted() {

  }
}

</script>


<style scoped>
.home-page {
  padding-bottom: 50px;
}

.title {
  font-size: 20px;
  margin: 25px 0 10px;
}
</style>

